<template>
  <div class="background">
    <div class="sign-header">
      
    </div>
    <div class="sign-body">
      <div class="sign-body-header">
        <el-image
          style="width: 100%; height: 140px"
          :src="url"
          :fit="fit"
        ></el-image>
      </div>
      <div class="sign-box">
        <div>
          <router-link class="login" :to="{ name: 'login' }"
          style="color: black">返回</router-link>
        </div>
        <h1>注册账号</h1>

        <router-view />
      </div>
    </div>
  </div>
</template>

<script>
import "@/styles/css/background/index-bg.css";

export default {
  provide() {
    return {
      reload: this.reload,
    };
  },
  name: "RegisterIndex",
  data() {

    return {
      flag: true,
      fit: "cover",
      url: "https://www.ulearning.cn/sld/img/login_banner.84eac1a1.png",
      urlContentContainer: require("../../assets/common/yxy_1.0.jpg"),
    };
  },
  methods: {

    reload() {
      this.flag = false;
    },
  },
};
</script>

<style scoped>
.background{
  background-color: rgb(245,245,245);
}

.sign-header {
  z-index: 1;
  display: block;
  background-color: #ffff;
  height: 50px;
}

.sign-box {
  width: 800px;
  margin: -90px auto;
  padding: 48px;
  border-radius: 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: rgb(255, 255, 255);
  position: relative;
}

</style>